


<script setup>
import {ref, reactive} from 'vue'

const parentMessage = ref('Parent')
const items = ref([{ message: 'Foo' }, { message: 'Bar' }])


</script>

<template>
    <li v-for="(item, index) in items" :key="item.index">
        {{ parentMessage }} - {{ index }} - {{ item.message }}
    </li>
</template>
